﻿@charset "utf-8";


html {}
html,img,fieldset {border:0;}
html,body,form {margin:0;padding:0;}
body {color:#000;background-color:#fff;}
body,td { }

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:14px;}

ul,ol {margin:0;padding:5px 5px 5px 40px;}
dl,p  {margin:0;padding:5px 0;}

a, 
a:link {color:#000;text-decoration:none;}
a:active {}
a:hover { }
a:visited{}

/* 浮动元素 */
.rectbox:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.rectbox {clear:both;*display:inline-block;}
.rectbox .left {float:left;_display:inline;}
.rectbox .right {float:right;_display:inline;}


/*================ Form 元素统一 =================*/
	textare {overflow-y:visible}
	label {cursor:pointer;_cursor:default;}
	input[type="submit"] {cursor:pointer;}
	input[type="button"] {cursor:pointer;}
	input[type="reset"]  {cursor:pointer;}
	input.submit     {cursor:pointer;}
	input.button     {cursor:pointer;}
	input.reset      {cursor:pointer;}
	input.disabled   {cursor:default;}
	input[disabled]  {}
	input.readonly   {color:#999;border:1px solid #ccc;background:#f3f3f3;}
	input[readOnly]   {color:#999;border:1px solid #ccc;background:#f3f3f3;}
	*html input {
		direction:expression(function(sjd){
			if(document.readyState=="complete"){
				sjd.style.direction = "ltr";                                     /* 只 执行一次*/
				sjd.className += " "+sjd.type;                            /* 根据type 类型 添加 className，弥补IE6 无法使用 [type=""] 改用 input.type */
			}
		}(this));
		unicode-bidi:expression(function(sjd){
			if(document.readyState=="complete"){
				/* input  只读时 ie6 添加 className " readonly" */
				if(sjd.readOnly == true) {
					if(sjd.className.search(" readonly")==-1){sjd.className += " readonly";}
				} 
				else {if(sjd.className.search(" readonly")!=-1){sjd.className = sjd.className.replace(" readonly","")}
				} 
				/* input被禁用时 ie6 添加 className " disabled" */
				if(sjd.disabled == true) {
					if(sjd.className.search(" disabled")==-1){sjd.className += " disabled";}
				}
				else {if(sjd.className.search(" disabled")!=-1){sjd.className = sjd.className.replace(" disabled","")}
				} 
			}
		}(this));
	}
	

/* IE6 背景图缓存优化  IE6 fixed box hack */
*html html {direction:expression(function(el){
	el.style.direction = "ltr";
	try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
}(this))}


/************  
	常用 类 使用  
	----------------------------

	------ A 虚线 ------
	----------------------------
		a {outline:0;zoom:expression(function(sjd){sjd.style.zoom = "1";sjd.hideFocus=true;}(this))}


	------ :first-child{} ------
	----------------------------
		div:first-child{} ;
		div.first-child{} ;
		*html div {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			if(sjd == sjd.parentNode.getElementsByTagName(sjd.tagName)[0]){sjd.className += " first-child"}
		}(this))}
		
		.className:first-child{} 
		.className_first-child{} 
		*html .className {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			if(sjd == sjd.parentNode.getElementsByTagName(sjd.tagName)[0]){sjd.className += " className_first-child"}
		}(this))}
	----------------------------

	------ :hover{} ------------
	----------------------------
		div:hover{} ;
		div.hover{} ;
		*html div {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			sjd.onmouseover =  function(){ if(!this.contains(event.fromElement)){this.className +=' hover'} };
			sjd.onmouseout  =  function(){ if(!this.contains(event.toElement)){this.className =this.className.replace(' hover','')} };
		}(this))}
		.className:hover{} 
		.className_hover{} 
		*html .className {zoom:expression(function(sjd){
			sjd.style.zoom = "1";
			sjd.onmouseover =  function(){ if(!this.contains(event.fromElement)){this.className +=' className_hover'} };
			sjd.onmouseout  =  function(){ if(!this.contains(event.toElement)){this.className =this.className.replace(' className_hover','')} };
		}(this))}

	----------------------------

	------ PNG图 ---------------
	----------------------------
	背景
	*html .className {zoom:expression( function(sjd){sjd.style.zoom=1;if (sjd.className.search(" ie6bg")==-1){sjd.className += " ie6bg"}}(this));}
	前景
	*html .className img {zoom:expression( function(sjd){sjd.style.zoom=1;if (sjd.className.search(" ie6img")==-1){sjd.className += " ie6img"}}(this));}
	
********************/

/* CSS Document
Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*----------basic----------*/
 
.bt:hover,
.bt:hover * { cursor: pointer; text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }
    .bt:hover.lt,
    .bt:hover.lt * { opacity: 0.95; filter: alpha(opacity=95); }
    .bt:hover.gt,
    .bt:hover.gt * { opacity: 0.6; filter: alpha(opacity=60); }
.clear { clear: both; }
.flex { display: flex;  }
    .flex.lt { width: 105%; }
    .flex.gt { width: 125%; }
.ht05 { height: 5px; }
.ht10 { height: 10px; }
.ht15 { height: 15px; }
.ht20 { height: 20px; }
.ht25 { height: 25px; }
.ht30 { height: 30px; }
.ht35 { height: 35px; }
.ht40 { height: 40px; }
.ht45 { height: 45px; }
.ht50 { height: 50px; }
.ht55 { height: 55px; }
.ht60 { height: 60px; }
.ht65 { height: 65px; }
.ht70 { height: 70px; }
.ht75 { height: 75px; }
.ht80 { height: 80px; }
.ht85 { height: 85px; }
.ht90 { height: 90px; }
.ht95 { height: 95px; }
.ht100 { height: 100px; }
.ht200 { height: 200px; }
.ht300 { height: 300px; }
.ht400 { height: 400px; }
.ht500 { height: 500px; }
.wh05 { display: inline-block; width: 5px; }
.wh10 { display: inline-block; width: 10px; }
.wh15 { display: inline-block; width: 15px; }
.wh20 { display: inline-block; width: 20px; }
.wh25 { display: inline-block; width: 25px; }
.wh30 { display: inline-block; width: 30px; }
.wh35 { display: inline-block; width: 35px; }
.wh40 { display: inline-block; width: 40px; }
.wh45 { display: inline-block; width: 45px; }
.wh50 { display: inline-block; width: 50px; }
.wh55 { display: inline-block; width: 55px; }
.wh60 { display: inline-block; width: 60px; }
.wh65 { display: inline-block; width: 65px; }
.wh70 { display: inline-block; width: 70px; }
.wh75 { display: inline-block; width: 75px; }
.wh80 { display: inline-block; width: 80px; }
.wh85 { display: inline-block; width: 85px; }
.wh90 { display: inline-block; width: 90px; }
.wh95 { display: inline-block; width: 95px; }
.wh100 { display: inline-block; width: 100px; }
.none { display: none; }
.hide { opacity: 0; filter: alpha(opacity=0); }
.ie-radius { border-radius: 5px; behavior: url(css/ie-css3.htc); }
.f_left { float: left; }
.f_right { float: right; }
/*----------custom----------*/


.page_banner { padding-top:131px; background:url(../img/banner1.jpg) no-repeat center center; background-size:cover; height:274px; }
.page_banner_web { height:274px; display:table; width:100%; text-align:center; color:#fff; }
.cell { display:table-cell; vertical-align:middle; }
.page_banner_web h2 { font-size:36px; font-weight:normal; letter-spacing:5px; }
.page_banner_web p { font-size:16px; text-transform:uppercase; margin-top:15px; letter-spacing:2px; }

.page_tit .text p { max-width:100%; width:100%; }

.team_box { max-width:1052px; width:100%; margin:0 auto; }
.team_list { background:#fff; }
.team_list .img { }
.team_list .img img { display:block; }
.team_list .web { padding:29px 32px 25px; text-align:center; }
.team_list .web .tit { }
.team_list .web .tit h3 { font-size:20px; font-weight:normal; color:#222; }
.team_list .web .tit p { font-size:14px; color:#999; margin-top:10px; }
.team_list .web .txt { margin-top:22px; }
.team_list .web .txt p { font-size:14px; line-height:24px; color:#666; height:144px; overflow:hidden; }

.team_owl.owl-theme .owl-controls .owl-nav [class*=owl-] { width:56px; height:56px; }
.team_owl.owl-carousel .owl-controls .owl-nav .owl-prev { background:url(../img/owl_l.jpg) no-repeat center center; left:-102px; }
.team_owl.owl-carousel .owl-controls .owl-nav .owl-next { background:url(../img/owl_r.jpg) no-repeat center center; right:-102px; }
.team_owl.owl-carousel .owl-controls .owl-nav .owl-prev:hover { opacity:1; background:url(../img/owl_l1.jpg) no-repeat center center; }
.team_owl.owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity:1; background:url(../img/owl_r1.jpg) no-repeat center center; }
.team_owl.owl-theme .owl-controls { margin-bottom:28px; }

.page_case { }
.case_change { height:41px; border-bottom:1px solid #d3d3d3; }
.case_change ul li { float:left; margin:0 20px; text-align:center; }
.case_change ul li a { display:block; font-size:18px; color:#666; }
.case_change ul li a i { display:block; width:94px; height:3px; border:1px solid #979797; margin-top:21px; background:#fff; }
.case_change ul li.in a, .case_change ul li a:hover, .case_change ul li a:active { color:#0084d0; }
.case_change ul li.in a i, .case_change ul li a:hover i, .case_change ul li a:active i { background:#0084d0; border-color:#0084d0; }
.page_case .page3_list { margin-top:40px; }
.page_case .page3_list ul li { margin-bottom:10px; }
.page_case .page3_list ul li .text { text-align:left; }
.page_case .page3_list ul li .text h3 {  }
.page_case .page3_list ul li .text p { font-size:14px; color:#666; margin-top:12px; }


.news_list { }
.news_list ul li { margin-top:20px; }
.news_list ul li a { display:block; }
.news_list ul li .img { float:left; width:285px; height:201px; overflow:hidden; }
.news_list ul li .img img { display:block; }
.news_list ul li .web { overflow:hidden; height:199px; background:#f1f1f1; border:1px solid #f1f1f1; border-left:none; }
.news_list ul li .text { height:161px; background:#fff; margin: 20px 20px 0 0; padding:0 40px 0 30px; }
.news_list ul li .text .text_tab { height:161px; width:100%; display:table; background:url(../img/ico1.png) no-repeat right center; }
.news_list ul li .text .text_tab h4 { font-size:10.11px; font-weight:normal; color:#999; text-transform:uppercase; letter-spacing:5px; }
.news_list ul li .text .text_tab p { width:100%; max-width:470px; font-size:16px; line-height:28px; margin-top:8px; }
.news_list ul li a:hover .web { background:#fff; box-shadow:0 0 15px rgba(106,108,121,0.1); }
.news_list ul li a:hover .text_tab { background:url(../img/ico1_1.png) no-repeat right center; }
.news_list_btn { text-align:center; margin-top:50px; }
.news_list_btn a { display:inline-block; width:120px; height:40px; line-height:40px; background:#0084d0; border-radius:3px; font-size:14px; color:#fff; }
.news_list_btn a span { display:inline-block; padding-right:18px; background:url(../img/ico2.png) no-repeat right center; }
.news_list_btn a:hover, .news_list_btn a:active { opacity:0.8; }


.page_contact { margin-top:-33px; margin-bottom:60px; }
.contact_box { background:#fff; max-width:1100px; width:100%; margin:0 auto; box-shadow:0 0 15px rgba(106,108,121,0.1); padding:2px 0 50px 0; }
.contact_lxwm { padding:0 59px; }
.contact_lxwm .tit { text-align:center; margin-top:40px; }
.contact_lxwm .tit h3 { font-size:22px; color:#222; font-weight:normal; }
.contact_lxwm .tit span { display:block; width:55px; height:2px; background:#999; margin:15px auto 0; }
.lxwm_list { border:1px solid #dfdfdf; margin-top:40px; }
.lxwm_list ul li { float:left; width:33.333%;border-left:1px solid #dfdfdf; margin-left:-1px; text-align:center; padding:44px 0 100px; }
.lxwm_list ul li span { display:block; height:139px; }
.lxwm_list ul li span.sp1 { background:url(../img/ico3.png) no-repeat center center; }
.lxwm_list ul li span.sp2 { background:url(../img/ico4.png) no-repeat center center; }
.lxwm_list ul li span.sp3 { background:url(../img/ico5.png) no-repeat center center; }
.lxwm_list ul li h3 { font-size:22px; font-weight:normal; }
.lxwm_list ul li p { font-size:14px; color:#666; margin-top:20px; }

.ly_box { margin-top:20px; }
.ly_list { margin-top:20px; }
.ly_list.ly_list1 { width:49%; }
.ly_inp { background:#f6f6f6; height:46px; line-height:46px; padding:0 18px; }
.ly_inp input { width:100%; height:46px; line-height:46px; border:none; background:none; font-size:14px; }
.ly_textarea { background:#f6f6f6; padding:14px; }
.ly_textarea textarea { border:none; resize:none; width:100%; background:none; font-size:14px; height:113px; }
.ly_box_btn { text-align:center; margin-top:30px; }
.ly_box_btn a { display:inline-block; color:#fff; width:270px; height:46px; line-height:46px; background:#0084d0; font-size:14px; }
.ly_box_btn a:hover, .ly_box_btn a:active { opacity:0.8; }

.page_contact.page_article { }
.page_contact.page_article .contact_box { box-shadow:none; }
.article_t { text-align:center; padding:40px 0; box-shadow:0 0 25px rgba(106,108,121,0.1); }
.article_t h3 { font-size:22px; font-weight:normal; }
.article_t p { font-size:10.11px; color:#999; text-transform:uppercase; margin-top:15px; letter-spacing:4px; }

.article_web { margin-top:30px; }
.article_web p { text-align:justify; line-height:36px; font-size:14px; color:#666; }
.article_web .img { margin:20px 0; }
.article_web .img img { max-width:486px; width:48%; margin-right:0.5%; }